<template>
	<view class="page-container" :style="menuBtnInfo ? 'padding-bottom:' + menuBtnInfo.top + 'px;' : 'padding-bottom:20px;'">
		<view class="index-top" >
			<image :src="staticBaseUrl + '/index_bg.png'" class="index_bg"></image>
			<view class="address-btn" @click="show=true">
				{{ city }}
			</view>
			<u-picker @confirm="addressConfirm" @cancel="show=false" @close="show=false" :show="show" :columns="columns"></u-picker>
			<view class="top-view">
				<!-- <view class="top-logo" >
					<image :src="staticBaseUrl + '/home_img_logo2.png'"></image>
				</view> -->
				
				<!--  v-if="platType == '3'" -->
				<!-- 总分平台 -->
				<!-- <view class="location-container" v-if="platName">{{platName}}</view>
				<view class="location-container" v-if="currentPlat">
					<text>{{ currentPlat && currentPlat.platName }}</text>
				</view> -->
				<!-- <navigator  hover-class="none"
					:url="'/pages/plantPage/plantPage'" v-if="currentPlat" >
					<text>{{ currentPlat && currentPlat.platName }}</text>
					<text class="icon-down-arrow iconfont icon-rightArrow"></text>
				</navigator> -->
				<view class="search_view" @tap.stop.prevent="doSearch">
					<image src="../../static/image/home/home_ic_search.png"></image>
					<text>请输入商品名称</text>
				</view>
				
				<!-- 顶部轮播图 1-->
				<view class="swiper-view" v-if="bannerList && bannerList.length > 0">
					<swiper class="banner-container" autoplay circular @change="swiperChange">
						<swiper-item v-for="(item, index) in bannerList" class="swiper-item" :key="index">
							<view class="item-nav" :data-page="item" @click="toBannerUrl">
								<image :src="util.attachedUrl(item.bannerImg, baseImgUrl)"></image>
							</view>
						</swiper-item>
					</swiper>
				
					<view class="swiper-dots" style="bottom: 10rpx">
						<block v-for="(item, index) in bannerList" :key="index">
							<view :class="swiperIndex == index ? 'dots-item-active' : 'swiper-dots-item'"></view>
						</block>
					</view>
				</view>
				
				<!-- 业务目录 -->
				<view class="menu-type" v-if="directoryList && directoryList.length > 0">
					<view v-for="(item, index) in directoryList" :key="index" class="bank-service-item"
						data-type="productReview" :data-page="item.directoryDetailList && item.directoryDetailList[0]"
						@click="toBannerUrl">
						<image class="service-item-img" :src="util.attachedUrl(item.directoryContent,baseImgUrl)">
						</image>
						<text>{{item.directoryName}}1</text>
					</view>
				</view>
				<!-- 资讯 -->
				<view class="notice-view" v-if="!util.isEmpty(newsList)" @tap.stop.prevent="toMessageCenter">
					<view class="notice-text"><text class="notice-label">[公告]</text></view>
					<swiper class="news-list" :vertical="true" :autoplay="true" :circular="true">
						<swiper-item class="news-item" v-for="(item, index) in newsList" :key="index">
							<navigator class="news-text" hover-class="none">
								<text>{{ item.messageTitle }}</text>
							</navigator>
						</swiper-item>
					</swiper>
					<image src="../../static/image/home/home_ic_arrow.png" class="notice-img"></image>
				</view>
				<!-- 新客专享 -->
				<view class="new-custom" v-if="platCoupons && platCoupons.length > 0">
					<image :src="staticBaseUrl + '/home_img_new.png'"></image>
					<view class="coupon-view">
						 <customSwiper :list="platCoupons" ref="swiperCoupons" />
					</view>
				</view>
				<!-- 热门活动 v-if="false"-->
				<view class="hot-activity" v-if="false">
					<image :src="staticBaseUrl + '/home_img_activity.png'"></image>
					<text class="hot-text">热门活动</text>
					<view class="hot-act">
						<view class="act-item"  @tap="linkTo(1)">
							<image :src="staticBaseUrl + '/home_img_activity1.png'"></image>
							<view class="item-title">赚礼品</view>
							<text class="item-text">参与抽奖赢礼品</text>
						</view>
						<view class="act-item" @tap="linkTo(2)">
							<image :src="staticBaseUrl + '/home_img_activity2.png'"></image>
							<view class="item-title">邀请有礼</view>
							<text class="item-text">邀好友礼品无限领</text>
						</view>
						<view class="act-item" @tap="linkTo(3)">
							<image :src="staticBaseUrl + '/home_img_activity3.png'"></image>
							<view class="item-title">完善有礼</view>
							<text class="item-text">填写信息得优惠券</text>
						</view>
					</view>
				</view>
				
				<!--泰惠玩-->
				<view class="taihuiwan" v-if="taiHuiWan && taiHuiWan.goodsList"  :style="[{backgroundImage:'url('+taiHuiWaiImg+')' }]">
					<view class="special-top" style="padding: 40rpx 40rpx 0rpx;">
						<view class="tag-title" style="line-height: 58rpx;">
							<text>{{taiHuiWan.tagName}}</text>
						</view>
						<view class="tag-description" style="padding-left:0" v-if="showCountDown">
							将在
							<text class="countDown">{{restTimeList[0]}}</text>:
							<text class="countDown">{{restTimeList[1]}}</text>:
							<text class="countDown">{{restTimeList[2]}}</text>
							后结束
						</view>
						<view class="get-more get-more2" @click="getMore(taiHuiWan.tagId, taiHuiWan.tagName)">解锁更多</view>
					</view>
					<view class="taihuiwan-list" v-if="taiHuiWan.goodsList">
						<swiper class="taihuiwan-swiper" autoplay circular @change="swiperChange" display-multiple-items='2.5'>
							<swiper-item v-for="(item, index) in taiHuiWan.goodsList" class="swiper-item" :key="index">
								<navigator class="ECoupons-item" hover-class="none"
									:url="'/pages/outlink/outlink?outlink=' + item.pzUrl + '#/groupBuy'">							
									<image class="ECoupons-item-img" :src="util.attachedUrl(item.goodsImages, baseImgUrl)"
										lazy-load></image>
									<view class="ECoupons-item-points">
										<block>
											<text class="ECoupons-cost-point">{{ item.exchangePoint }}</text>
											<text class="ECoupons-cost-point">积分</text>
										</block>
									</view>
									<view class="ECoupons-item-lines">
										<block>
											<text class="ECoupons-cost-line">￥{{item.goodsRetailPrice}}</text>
										</block>
									</view>
								</navigator>
							</swiper-item>
						</swiper>
					</view>
				</view>
				
				<!-- 返回第一条数据（特色专区） -->
				<view class="special-view" v-if="firstTag && firstTag.goodsList">
					<view class="special-top">
						<view class="tag-title">
							<image src="../../static/image/home/home_ic_feature.png"/><text>{{firstTag.tagName}}</text>
						</view>
						<view class="tag-description">{{firstTag.tagSubhead}}</view>
						<view class="get-more get-more2" @click="getMore(firstTag.id, firstTag.tagName)">解锁更多</view>
					</view>
					<view class="tag-list" v-if="firstTag.goodsList">
						<block v-for="(item, index) in firstTag.goodsList" :key="index">
							<navigator class="ECoupons-item" hover-class="none" @click="linkTrack(firstTag.tagName,item)"
								:url="item.exchangeId ? '/subPackages/pointMallPkg/pages/pointToGoodsDetail/pointToGoodsDetail?exchangeId=' + item.exchangeId : '/subPackages/mall/pages/goods/goods?goodsId=' + item.id">							
								<image class="ECoupons-item-img" :src="util.attachedUrl(item.goodsImages, baseImgUrl)"
									lazy-load></image>
								<view class="ECoupons-item-name">{{ item.goodsName }}</view>
								<view class="ECoupons-item-cost">
									<block v-if="item.needPointsMin || item.needPointsMax">
										<text class="ECoupons-cost-score" v-if="item.needPointsMin == item.needPointsMax">{{ item.needPointsMin }}</text>
										<text class="ECoupons-cost-score" v-else>{{ `${item.needPointsMin} ~ ${item.needPointsMax}` }}</text>
										<text class="ECoupons-cost-text">积分</text>
									</block>
									<!-- <text class="ECoupons-cost-text" v-if="(item.needPointsMin || item.needPointsMax) && item.goodsMinPrice != 0">+</text> -->
									<text class="ECoupons-cost-text" v-if="item.exchangeType == 2">+</text>
									<block v-if="!(item.needPointsMin || item.needPointsMax) && item.goodsMinPrice != 0">
										<text class="ECoupons-cost-text">¥</text>
										<text class="ECoupons-cost-score">{{ item.goodsMinPrice }}</text>
									</block>
									<block v-else-if="item.exchangeType == 2">
										<text class="ECoupons-cost-text">¥</text>
										<text class="ECoupons-cost-score" >{{ item.exchangePrice }}</text>
									</block>
								</view>
							</navigator>
						</block>
					</view>
				</view>
				<!-- 都在兑 -->
				<view class="change-view">
					<view class="change-top">
						<view class="change-top-l">
							<image class="change-top-img" src="../../static/image/home/home_btn_dui.png"></image>
							<view class="change-title-text">关注品类，每天定时抢</view>
						</view>
						<view class="get-more2" @click="exchangeMore">解锁更多</view>
					</view>
					<view class="change-list">
						<view class="change-list-item" v-if="currentPlat && currentPlat.isTotalPlat == 1">
							<image class="change-list-img" src="../../static/image/home/home_img_list.png"></image>
							<view class="list-title">卡券兑换榜</view>
							<view class="list-content">
								<view class="exchange-list-item" @tap.stop.prevent="goECouponDetail(item)" :data-id="item.id"
								v-for="(item, index) in exchangeRightsList" :key="index">
									<image :src="util.attachedUrl(item.previewImg, baseImgUrl)"></image>
									<view>
										<text class="exchange-no">NO {{index + 1}}</text>
										<view class="exchange-name">{{item.rightsName}}</view>
									</view>
								</view>
							</view>
						</view>
						<view class="change-list-item" :style="(currentPlat && currentPlat.isTotalPlat == 2) ? 'width: 100%' : 'width: 344rpx'">
							<image class="change-list-img" src="../../static/image/home/home_img_list.png"></image>
							<view class="list-title">好物热兑榜</view>
							<view class="list-content">
								<view class="exchange-list-item" v-for="(item, index) in exchangeGoodsList" :key="index"
								@tap.stop.prevent="goPointGoodsDetail(item)" :data-id="item.id">
									<image :src="util.attachedUrl(item.goodsImages, baseImgUrl)"></image>
									<view :style="(currentPlat && currentPlat.isTotalPlat == 2) ? 'width: 82%;' : '' ">
										<text class="exchange-no">NO {{index + 1}}</text>
										<view class="exchange-name"
										 :style="(currentPlat && currentPlat.isTotalPlat == 2) ? 'width: 100%;' : '' ">{{item.goodsName}}</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="change-bottom">
						<view class="change-bottom-item" @click="toExchangeList(1,'我能兑换')">
							<view class="bottom-item-title">
								<text>我能兑换</text><image src="../../static/image/home/home_ic_stardui.png"></image>
							</view>
							<view class="bottom-item-text">超值兑换人气好礼</view>
						</view>
						<view class="change-bottom-item" @click="toExchangeList(2, '5万分以下')">

							<view class="bottom-item-title">
								<text>5万分以下</text><image src="../../static/image/home/home_ic_dui2.png"></image>
							</view>
							<view class="bottom-item-text">超高性价比</view>
						</view>
						<view class="change-bottom-item" @click="toExchangeList(3, '5～10万分')">
							<view class="bottom-item-title">
								<text>5～10万分</text><image src="../../static/image/home/home_ic_dui2.png"></image>
							</view>
							<view class="bottom-item-text">品质推荐</view>
						</view>
						<view class="change-bottom-item" @click="toExchangeList(4, '10万分以上')">
							<view class="bottom-item-title">
								<text>10万分以上</text><image src="../../static/image/home/home_ic_stardui.png"></image>
							</view>
							<view class="bottom-item-text">优质推荐</view>
						</view>
					</view>
				</view>
				
				<!-- 限时秒杀、拼团 -->
				<view class="sale-view" v-if="saleDataList.length || groupbyList.length">
					<view class="sale-left" v-if="saleDataList && saleDataList.length > 0"
					:style="falg2 ? 'width: 314rpx' : 'width: 100%'" >
						<view class="left-title">
							<text>限时秒杀</text>
							<view class="more-view" @click="toSeckill">更多</view>
						</view>
						<view class="left-title2">关注品类，每天定时抢</view>
						<view class="sale-swiper">
							<swiper class="sale-container" autoplay circular @change="bannerChange">
								<swiper-item v-for="(item, index) in saleDataList" :key="index">
									<view class="sale-nav" @tap="navigatorToDetail" :data-stock="item.seckillStock" :data-sid="item.id"
										:data-goodsid="item.goodsId" :data-detail="item.goodsSkuDetailId">
										<image class="sale-banner-img" :src="util.attachedUrl(item.goodsImages, baseImgUrl)" lazy-load>
										</image>
										<view class="sale-goods-name">{{item.goodsName}}</view>
										<view class="sale-goods-price">¥{{item.priceStr}}</view>
										<view class="sale-goods-time">距结束 <text>{{countDownList[index]}}</text></view>
									</view>
								</swiper-item>
							</swiper>
							<view class="swiper-dots" style="bottom: 10rpx">
								<block v-for="(item, index) in saleDataList" :key="index">
									<view :class="bannerIndex == index ? 'dots-item-active' : 'swiper-dots-item'"></view>
								</block>
							</view>
						</view>
					</view>
					<!-- width: 388rpx -->
					<view class="sale-right" v-if="groupbyList && groupbyList.length > 0" >
						<view class="left-title">
							<text>拼团更优惠</text>
							<view class="more-view" @click="toGroupBy">更多</view>
						</view>
						<view class="left-title2">2件6折起</view>
						<view class="right-dataList">
							<view v-for="(item, index) in groupbyList" :key="index" class="dataList-item"
							@tap="goGroupBuy" :data-status="item.status" :data-goodsid="item.goodsId" 
							:data-groupbuyid="item.id" :data-isend="item.isEnd">			
								<image :src="util.attachedUrl(item.goodsImages, baseImgUrl)" lazy-load></image>
								<view class="goods-price"><text class="price-symbol">¥</text>{{item.groupPrice}}</view>
							</view>
						</view>
					</view>
				</view>	
				
				<!-- 除第一条数据外的剩余数据-->
				<view v-if="tagData && tagData.length > 0" >
					<view v-for="(tagItem, idx) in tagData" :key="idx" class="tag-view-item">
						<view class="change-top">
							<view class="change-top-l">
								<view class="tag-title">{{tagItem.tagName}}</view>
								<view class="change-title-text">{{tagItem.tagSubhead}}</view>
							</view>
							<view class="get-more2" @click="getMore(tagItem.id,tagItem.tagName)">解锁更多</view>
						</view>
						<view class="tag-list" v-if="tagItem.goodsList">
						<block v-for="(item, index) in tagItem.goodsList" :key="index">
							<navigator class="ECoupons-item" style="width: 180rpx" @click="linkTrack(tagItem.tagName,item)"
								:url="item.exchangeId ? '/subPackages/pointMallPkg/pages/pointToGoodsDetail/pointToGoodsDetail?exchangeId=' + item.exchangeId : '/subPackages/mall/pages/goods/goods?goodsId=' + item.id"
								hover-class="none">
								<image class="tag-item-img" :src="util.attachedUrl(item.goodsImages, baseImgUrl)"
									lazy-load></image>
								<view class="ECoupons-item-name">{{ item.goodsName }}</view>
								<view class="ECoupons-item-cost" style="color: #EC585E">
									<block v-if="item.needPointsMin || item.needPointsMax">
										<text class="ECoupons-cost-score" v-if="item.needPointsMin == item.needPointsMax">{{ item.needPointsMin }}</text>
										<text class="ECoupons-cost-score" v-else>{{ `${item.needPointsMin} ~ ${item.needPointsMax}` }}</text>
										<text class="ECoupons-cost-text">积分</text>
										<block v-if="item.exchangeType && item.exchangeType == '2'">
											<!--  && item.exchangePrice -->
											<text class="ECoupons-cost-text"> + <text class="ECoupons-cost-score"> ¥{{ item.exchangePrice || '0' }}</text></text>
										</block>
									</block>
									<!-- <text class="ECoupons-cost-text" v-if="item.exchangeType == 2">+</text> -->
									<block v-else-if="item.hasDisPrice">
										<text class="ECoupons-cost-text">¥</text>
										<text class="ECoupons-cost-score" >{{ item.disPrice }}</text>
									</block>
									<block v-else-if="!(item.needPointsMin || item.needPointsMax) && item.goodsMinPrice != 0">
										<text class="ECoupons-cost-text">¥</text>
										<text class="ECoupons-cost-score" >{{ item.goodsMinPrice }}</text>
									</block>
									
								</view>
							</navigator>
						</block>
					</view>
					</view>
				</view>
				
				
			</view>
		</view>
	
	</view>
</template>

<script module="util" lang="wxs" src="../../utils/util.wxs"></script>
<script>
	const app = getApp();
	import customSwiper from '@/components/blackmonth-swiper/index';
	import {
		staticBaseUrl,
		baseImgUrl
	} from '../../utils/constant.js'
	import {
	  http
	} from '@/utils/commonRequest.js'; // 局部引入
	import {toBannerUrl,tips} from '@/utils/util.js';
	import loading from '@/components/loading/loading';
	const utils = require('../../utils/util.js');
	
		export default {
			props: {
				pageIndexColor: {
					type: String,
					default: ''
				},
				platformConfig: {
					type: Object,
					required: true
				}
			},
			components: {
				customSwiper
			},
			data() {
				return {
					showFullScreenAd: false,
					showHomePopAd: true,
					//加载中
					//platformConfig: app.globalData.platformConfig,
					//刷新中
					staticBaseUrl,
					baseUrl: app.globalData.baseurl,
					platId: app.globalData.platId,
					baseImgUrl: baseImgUrl,
					menuBtnInfo: null,
					swiperIndex: 0,
					bannerList: [],
					directoryList: [],
					newsList: [],
					firstTag: null,
					tagData: null,
					bannerIndex: 0,
					saleDataList: [],
					groupbyList: [],
					falg2: false,
					exchangeRightsList: [],
					exchangeGoodsList: [],
					countDownList: [],
					endTimeList: [],
					timeOutFunc: '', //倒计时定时器
					platCoupons: [],
					plantlist: [],
					currentPlat: null,
					platName: null,
					taiHuiWan: null,
					restTimeList:[] ,//泰惠玩剩余时间
					showCountDown:false,//是否展示泰惠玩倒计时
					taiHuiWaiImg: staticBaseUrl +'/static/image/taihuiwan/taihuiwan.png',
					show: false,
					 columns: [
                    ['上海', '杭州', '宁波']
                ],

					city: '上海'			
					
				}
			},
			async created(option) {
				// #ifdef MP-WEIXIN
				let menuBtnInfo = uni.getMenuButtonBoundingClientRect()
				this.menuBtnInfo = menuBtnInfo
				// #endif
			},
	
			methods: {

				addressConfirm(e) {
          console.log(e)
					this.city = e.value[0]
					this.show = false
				},
				
				async loadData() {
					this.getPlatformConfig(); //查询平台信息
					this.fetchTagList();
					this.fetchSaleDatalist(); //秒杀
					this.fetchGroupbyList(); // 拼团
					this.fetchExchangeList(); // 都在兑
					this.queryDirectory(); //业务目录
					this.getMessageList(); //资讯
					this.queryBannerList('1', 'bannerList'); // 查询首页顶部轮播列表
					this.getCouponsList(); // 新客专享 查询优惠券
					this.queryPlantList();  //获取总分平台数据
					this.platName = uni.getStorageSync("platName") || null;
					this.getOpenId()
					this.taiHuiWanList()
				},
				/**
				 * 获取平台配置信息
				 */
				getPlatformConfig: function() {
					this.platId = this.platformConfig.platId;
					this.queryDirectory();
					// 切换 tabbar 主题
					//app.globalData.updateTabBarSkin();
				},
				
				getCouponsList: function() {
					let that = this;
					http.get('shopcoupons/couponCenter', {
				      // 'storeid': that.data.platformConfig.id,
				      params: {
				        storeid: app.globalData.platId,
				        oauthType: 'plat'
				      }
				    })
				    .then((res) => {
							res = res.data;
				      if (200 == res.code) {
								that.platCoupons = res.platCoupons;
								setTimeout(() => {
									// console.log('时间先后22-',that.platCoupons)
									that.$refs.swiperCoupons && that.$refs.swiperCoupons.fun();
								},1000)
							}
						}).catch((err) => {
				      that.loading = -1          
				    });
				},
				
				// 查询顶部banner
				queryBannerList(type, key) {
				  let that = this;
				  let params = {
				    type: type
				  }
				  http.get("newBanner/list", {
				    params: params
				  }).then(res => {
				    //console.log('res===',res)
				    if (res.data.code == '200') {
				      that[key] = res.data.bannerList
				    }else{
							 that[key] = []
						}
				  }).catch((err) => {
				    console.log('err===',err)
				  })
				},
				
				swiperChange: function(e) {
					let swiperIndex = e.detail.current;
					this.swiperIndex = swiperIndex
				},
				
				bannerChange: function(e) {
					let bannerIndex = e.detail.current;
					this.bannerIndex = bannerIndex
				},
				
				//搜索
				doSearch: function() {
					this.$zhuge.track('首页-点击搜索栏')
					uni.navigateTo({
						url: '/subPackages/mall/pages/goodsList/goodsList'
					});
				},
				
				/**
					* 查询业务目录
					*/
				queryDirectory: function() {
					let params = {
						parentId: '-1',
						platId: this.platId
					}
					http.get('web/directory/getDirectoryByParentId', {
						params: params
					}).then(res => {
						//console.log('业务目录==',res.data)
						if (res.data.code == '200') {
							let directoryList = res.data.directoryList;
							this.directoryList = directoryList
						}
					})
				},
				
				/**
					* 查询资讯列表
					*/
				getMessageList: function() {
					let that = this;
					let params = {
						pageNum: 1,
						pageSize: 5,
						typeId: ''
					}
					http.get('message/messageListByPage', {
						params: params
					})
					.then((res) => {
						//console.log('资讯列表',res.data)
						if ('200' == res.data.code) {
							that.newsList = res.data.list
						}else{
							that.newsList = []
						}
					});
				},
				
				// 到资讯中心
				toMessageCenter: function() {
					this.$zhuge.track('首页-点击公告箭头')
					uni.navigateTo({
						url: '/pages/message/messageCenter/messageCenter'
					});
				},
				
				// 点击商品埋点
				linkTrack: function(name, item){
					const obj = {
						'商品名称': item.goodsName,
						'当前页面': '首页',
						'分类标签': name,
					}
					
					if(item.exchangeType){
						if(item.exchangeType == '1'){ obj['商品积分'] = item.exchangePoint }
						if(item.exchangeType == '2'){ obj['商品金额'] = `${item.exchangePoint}积分 + ¥${item.exchangePrice}` }
					}else if(item.hasDisPrice){ 
						obj['商品金额'] = '¥' + item.disPrice
					}else{
						obj['商品金额'] = '¥' + item.goodsMinPrice
					}
					this.$zhuge.track('点击商品',obj)
				},
				
				// 秒杀
				fetchSaleDatalist: function() {
					let that = this;
					let endTimeList = that.endTimeList;
				
					http.get('/mtBank/getByGoodsSeckillList', {
						params: {
							page: 1,
							limit: '3',
						}
					})
					.then((res) => {
						res = res.data
						if ('200' == res.code) {
							//console.log('返回秒杀数据==',res);
							let list = res.page.list;
							that.saleDataList = list;
							for (var i = 0; i < list.length; i++) {
								endTimeList.push(list[i].endTime);
							}
							that.endTimeList = endTimeList;
								// 执行倒计时函数
							that.countDown();
						}else{
							that.endTimeList = []
							that.saleDataList = []
						}
					})
					.catch((err) => {
						console.log(err);
					});
				},
				
				//到秒杀列表
				toSeckill: function(){
					uni.navigateTo({
				    url: '/subPackages/mall/pages/seckill/seckill'
				  });
				},
				
				//到秒杀详情
				navigatorToDetail: function(e) {
					var that = this;
					var stock = e.currentTarget.dataset.stock;
					var seckillId = e.currentTarget.dataset.sid;
					var goodsId = e.currentTarget.dataset.goodsid;
					var goodsSkuDetailId = e.currentTarget.dataset.detailid;
				
					if (stock > 0) {
						uni.navigateTo({
							url: '/subPackages/mall/pages/seckillGoodsDetail/seckillGoodsDetail?seckillId=' +
								seckillId
						});
					} else {
						uni.showToast({
							title: '商品已抢完',
							icon: 'none'
						});
					}
				},
				
				countDown() {
					//倒计时函数
					var endTimeList = this.endTimeList;
					var countDownArr = [];
					var timeOutFunc = ''; // 对结束时间进行处理渲染到页面
				
					endTimeList.forEach((enddate) => {
						//如果enddate为后台传入的Date类型，这里直接转化为毫秒数
						enddate = new Date(enddate).getTime();
						var date = enddate - new Date().getTime();
						var days = date / 1000 / 60 / 60 / 24;
						var daysRound = Math.floor(days);
						var hours = date / 1000 / 60 / 60 - 24 * daysRound;
						var hoursRound = Math.floor(hours);
						var minutes = date / 1000 / 60 - 24 * 60 * daysRound - 60 * hoursRound;
						var minutesRound = Math.floor(minutes);
						var seconds = date / 1000 - 24 * 60 * 60 * daysRound - 60 * 60 * hoursRound - 60 *
						minutesRound;
						var secondsRound = Math.floor(seconds);
						var time = daysRound + '天 ' + hoursRound + ':' + minutesRound + ':' + secondsRound + '';
						countDownArr.push(time);
					}); // 渲染，然后每隔一秒执行一次倒计时函数
				
						this.countDownList = countDownArr
					timeOutFunc = setTimeout(this.countDown, 1000);
						this.timeOutFunc = timeOutFunc
				},
				
				// 拼团
				fetchGroupbyList: function() {
					let that = this;
					
					http.get('/mtBank/getByGoodsGroupbuyList', {
						params: {
							page: 1,
							limit: '4',
						}
					})
					.then((res) => {
						res = res.data
						if ('200' == res.code) {
							let list = res.page.list
							that.falg2 = list && list.length > 0;
							that.groupbyList = list
						}else{
							that.falg2 = false;
							that.groupbyList = []
						}
					})
					.catch((err) => {
						console.log(err);
					});
				},
				
				//到拼团列表
				toGroupBy: function(){
					uni.navigateTo({
				    url: '/subPackages/mall/pages/groupBuy/groupBuy'
				  });
				},
				
				// 到拼团详情
				goGroupBuy: function(e){
					let status = e.currentTarget.dataset.status;
					let goodsId = e.currentTarget.dataset.goodsid;
					let id = e.currentTarget.dataset.groupbuyid;
					let isend = e.currentTarget.dataset.isend;
					if (status == 1 || (status == 2 && isend != '0')) {
						uni.navigateTo({
							url: '/subPackages/mall/pages/groupbuyDetail/groupbuyDetail?goodsId=' + goodsId +'&groupbuyId=' + id
						});
					} else if (status == 3) {
						utils.tips('活动已结束啦');
					}
				},
				
				// 都在兑(排行榜)
				fetchExchangeList: function() {
					let that = this;
					http.get('/mtBank/allInExchange', {})
					.then((res) => {
						res = res.data
						if ('200' == res.code) {
							that.exchangeRightsList = res.rightsList
							that.exchangeGoodsList = res.goodsList
						}else{
							that.exchangeRightsList = []
							that.exchangeGoodsList = []
						}
					})
					.catch((err) => {
						console.log(err);
					});
				},
				
				//都在兑列表(我能兑)
				toExchangeList: function(type, typeName) {
					this.$zhuge.track('首页-点击积分分类',{
						'分类标签': typeName
					})
					uni.navigateTo({
				    url: '/pages/exchangeList/exchangeList?type=' + type
				  });
				},
				
					//都在兑解锁更多
				exchangeMore: function(){
					this.$zhuge.track('首页-点击解锁更多',{
						'分类标签': '都在兑'
					})
					const isTotalPlat = this.currentPlat && this.currentPlat.isTotalPlat;
					uni.navigateTo({
				    url: '/pages/exchangeList/exchangeListMore?isTotalPlat=' + isTotalPlat
				  });
				},
				
				//积分兑换排行榜跳转
				goECouponDetail: function(item) {
				  const obj = {
				  	'卡券名称': item.rightsName,
				  	'卡券分类': '电子卡券',
					// '分类标签': item.categoryName,
				  	'当前页面': '首页',
				  	'榜单': '卡券兑换榜'
				  }
				  	if(item.activityType == '1'){ obj['卡券金额'] = `${item.points}积分 + ¥${item.price}`  }
				  	if(item.activityType == '2'){ obj['卡券积分'] = item.points }
					if(item.activityType == '3'){ obj['卡券金额'] = '¥' + item.price }
				  	this.$zhuge.track('点击商品',obj)
					let id = item.id;
					uni.navigateTo({
						url: '/subPackages/right/pages/profitsDetail/profitsDetail?id=' + id
					});
				},
				
				//好物热兑排行榜跳转
				goPointGoodsDetail: function(item) {
					const obj = {
						'商品名称': item.goodsName,
						'商品积分': item.needPoints,
						'当前页面': '首页',
						'榜单': '好物热兑榜'
					}
					this.$zhuge.track('点击商品',obj)
					let id = item.id;
					uni.navigateTo({
						url: '/subPackages/pointMallPkg/pages/pointToGoodsDetail/pointToGoodsDetail?exchangeId=' + id
					});
				},
				
				// 解锁更多
				getMore: function(id,tagName){
					this.$zhuge.track('首页-点击解锁更多',{
						'分类标签': tagName
					})
					uni.navigateTo({
						url: "/pages/getMoreData/getMoreData?id=" + id + '&tagName=' + tagName
					});
				},
				
					
				fetchTagList: function() {
					let that = this;
					http.get('/mtBank/getTagGoodsListOfHome', {})
					.then((res) => {
						res = res.data
						if ('200' == res.code) {
							let listData = res.tagList;
							if(listData.length > 0){
								let list = listData.slice(1);
								that.firstTag = listData[0];
								that.tagData = list.filter((i) => i.goodsList);
								// console.log('oooqqq',that.firstTag,that.tagData)
							}
						}else{
							that.firstTag = null
							that.tagData = null
						}
					})
					.catch((err) => {
						console.log(err);
					});
				},
				
				taiHuiWanList: function() {
					let that = this;
					http.get('/taiHuiWan/getPinTuanGoods', {
						page:'',
						pageSize:''
					})
					.then((res) => {
						res = res.data
						if ('200' == res.code) {
							if(res.goodsList && res.goodsList.length > 0){
								let { day, start, stop} = res 
								var currentDate = new Date();
								var currentDay = currentDate.getDate(); // 获取日期
								if(currentDay == day) {
									that.taiHuiWan = res;
									if(start == "06:00:00" && stop == "20:00:00") {
										console.log('团购倒计时开始时间')
										this.showCountDown = true
										setInterval(that.countDown_tai,1000);
									} else {
									  this.showCountDown = false
								    }
								} else {
								    console.log('非团购日')
									that.taiHuiWan = null;
								}
								
							}
						}else{
							that.taiHuiWan = null
						}
					})
					.catch((err) => {
						console.log(err);
					});
				},
				
				//首页泰惠玩倒计时函数
				countDown_tai() {
					this.restTimeList = []
					let stop  = this.taiHuiWan.stop
					var currentDate = new Date();
					var year = currentDate.getFullYear(); // 获取完整的年份
					var month = currentDate.getMonth() + 1; // 获取月份，注意 JavaScript 中月份是从 0 开始计数的
					var day = currentDate.getDate(); // 获取日期
					
					let stopTime = year + '/' + month + '/' + day + ' ' + stop
					let restTime = new Date(stopTime).getTime() - currentDate.getTime()   //当前时间距离结束时间差
					
					var hour = parseInt(restTime/(1000*60*60)%24);  //小时数
					hour = hour < 10 ? '0' + hour : hour
					var minute = parseInt(restTime/1000/60%60);  //分钟数
					minute = minute < 10 ? '0' + minute : minute 
					var seconds = parseInt(restTime/1000%60);       //秒数
					seconds = seconds < 10 ? '0' + seconds : seconds
					this.restTimeList.push(hour, minute, seconds)
				},
				
				// 跳转到客户查询
				linkToClient: function() {
					uni.navigateTo({
						url: "/subPackages/minTai/pages/clientQuery/clientQuery" 
					});
				},
				     
				// 热门活动跳转
				linkTo: function(type){
					if(!type) return;
					if(type == 1){ // 抽奖赢礼品
						uni.navigateTo({
							url: '/subPackages/lottery/pages/lotteryCenter/lotteryCenter'
							// url: '/subPackages/lottery/pages/lotteryList/lotteryList?type=1'
						});
					}else if(type == 2){ // 邀请有礼
						uni.navigateTo({
							url: '/pages/invite/invite/invite'
						});
					}else if(type == 3){ // 完善有礼
						uni.navigateTo({
							url: '/pages/personalInfo/userInfo/userInfo'
						});
					}
				},
				
				/**
					* 跳转至轮播图配置的页面
					*/
				toBannerUrl: function(e) {
					let page = e.currentTarget.dataset.page
					let type = e.currentTarget.dataset.type;
					let track = e.currentTarget.dataset.track;
					if (!page) return
					if(track == 'banner'){
						this.$zhuge.track('首页-点击banner位',{
							'广告ID': page.pageDictionary.id,
							'广告名称': page.pageDictionary.pageName,
						})
					}
					if(track == 'icon'){
						const titleName = e.currentTarget.dataset.title;
						this.$zhuge.track('首页-点击icon位',{
							'图标名称': titleName
						})
					}
					if ('productReview' == type) {
						//如果是开户、信用付这些产品速览，需要重新组装page的内容
						let newPage = {
							isJump: 0,
							pageDictionary: page
						}
						page = newPage
					}
					let url = page.pageDictionary.url;
					if(url && url.indexOf('stopAuth') != -1 && url.indexOf('previewer') != -1){
						this.$checkAuth()
						  .then((res) => {
						    toBannerUrl(page)
						  })
						  .catch((err) => {
						    console.log(err);
						  });
					}else{
						toBannerUrl(page)
					}
				},
				
				queryPlantList: function() {
					let that = this;
					http.get('/mtBank/getPlatListAll', {})
					.then((res) => {
						res = res.data
						if ('200' == res.code) {
							let platList = res.platList;
							platList.forEach((item) => {
								if(item.ifCurrentPlat == '1'){
									that.currentPlat = item
								}
							})
							that.plantlist = platList;				
						}else{
							console.log('查询平台--',res)
						}
					})
					.catch((err) => {
						console.log('err===',err);
					});
				},
				getOpenId() {
					http.get('/taiHuiWan/getMemberUserMiniOpenId', {}).then(res => {
						uni.setStorageSync('MiniOpenId', res.data.MiniOpenId)
					})
				}
			}
		}
</script>

<style  scoped>
	::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
		display: none;
	}

	.page-container {
		position: relative;
		width: 100vw;
		min-height: 100vh;
		background: #E5F3FE;
		box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.5);
	}
	
	.index_bg{
		width: 100%;
		height: 668rpx;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.index-top{
		width: 100%;
		/* height: 668rpx; */
		/* height: 560rpx; */
		position: relative;
	}

	.address-btn {
		position: absolute;
		top: 100rpx;
		left: 70rpx;
		width: 100%;
		height: 100%;
		font-size: 40rpx;
	}
	
	.top-view{
		position: relative;
		width: -webkit-fill-available;
		/* height: 100%; */
		padding: 0 24rpx 24rpx 24rpx;
		top: 260rpx
	}
	
	.top-logo{
		position: relative;
		width: 334rpx;
		height: 68rpx;
		/* margin-bottom: 52rpx; */
		margin-bottom: 32rpx;
	}
	
	.top-logo image{
		position: absolute;
		top: 0;
		left: 0;
		width: 334rpx;
		height: 68rpx;
	}
	
	.search_view{
		width: 100%;
		height: 96rpx;
		background: #F7F7F7;
		box-shadow: 0 18rpx 24rpx 0 rgba(190,194,206,0.26);
		border: 2rpx solid #FFFFFF;
		border-radius: 50rpx;
		margin-bottom: 24rpx;
		display: flex;
		align-items: center;
	}
	
	.search_view image{
		width: 48rpx;
		height: 48rpx;
		margin-left: 34rpx;
		margin-right: 24rpx;
	}
	
	.search_view text{
		font-size: 26rpx;
	  font-family: PingFangSC-Regular, PingFang SC;
	  font-weight: 400;
	  color: #666;
	}
	
	.swiper-view{
		width: 100%;
		height: 202rpx;
		border-radius: 16rpx;
		position: relative;
		margin-bottom: 24rpx;
	}
	
	.menu-type{
		width: 100%;
		max-height: 290rpx;
		border-radius: 16rpx;
		background-color: #FFFFFF;
		box-shadow: 0 18rpx 24rpx 0 rgba(190,194,206,0.26);
		margin-bottom: 24rpx;
		font-family: PingFangSC-Medium, PingFang SC;
	  font-weight: 500;
	  color: #74148F;
	  font-size: 28rpx;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  padding: 20rpx 0;
	  overflow-x: scroll;
	}
	
	.notice-view{
		height: 124rpx;
		background: #FFFFFF;
		box-shadow: 0 18rpx 24rpx 0 rgba(190,194,206,0.26);
		border-radius: 16rpx;
		background-image: url(../../static/image/home/home_ic_info.png);
		background-size: contain;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 24rpx 0 44rpx;
		margin-bottom: 24rpx;
	}
	
	.notice-text{
		font-size: 24rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		/* font-weight: 400; */
		color: #333333;
	}
	
	.notice-label{
		font-size: 24rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 800;
		color: #000000;
		padding-right: 10rpx;
	}
	
	.notice-img{
		width: 52rpx;
		height: 52rpx;
	}
	
	.hot-activity,
	.new-custom{
		margin: 0 -24rpx;
		position: relative;
	}
	
	.hot-activity{
		box-shadow: 0 18rpx 24rpx 0 rgba(190,194,206,0.26);
		margin-bottom: 24rpx;
		position: relative;
	}
	
	.new-custom image{
		width: 100%;
		height: 358rpx;
	}
	
	.hot-activity image{
		width: 100%;
		height: 404rpx;
	}
	
	.coupon-view{
		position: absolute;
		bottom: 31rpx;
		padding-left: 78rpx;
		width: 100%;
	}
	
	.special-view{
		width: 100%;
		height: 580rpx;
		background: #FFFFFF;
		box-shadow: 0 18rpx 24rpx 0 rgba(190,194,206,0.26);
		border-radius: 32rpx;
		margin: 24rpx 0;
	}
	
	.special-top{
		position: relative;
		padding: 32rpx 0 0 16rpx;
		margin-bottom: 48rpx;
	}
	
	.tag-title{
		display: flex;
		align-items: center;
		font-size: 40rpx;
		font-family: Helvetica-Bold, Helvetica;
		font-weight: bold;
		color: #000000;
	}
	
	.tag-title image{
		width: 90rpx;
		height: 66rpx;
	}
	
	.tag-list{
		overflow-x: scroll;
		display: flex;
		padding: 0rpx 24rpx;
	}
	
	.ECoupons-item {
		width: 252rpx;
		// flex: 1;
		margin-right: 24rpx;
	}
	
	.ECoupons-item:last-child {
		margin-right: 0rpx;
	}
	
	.ECoupons-item-img {
		width: 252rpx;
	  height: 252rpx;
		background-color: #eee;
		border-radius: 16rpx;
	}
	
	.ECoupons-item-name {
		width: 100%;
		font-size: 30rpx;
		font-weight: 600;
		color: #333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.ECoupons-item-cost {
		color: #2E3D71;
	}
	
	.ECoupons-cost-score {
		font-size: 28rpx;
		font-weight: 600;
	}
	
	.ECoupons-cost-text {
		font-size: 22rpx;
		font-weight: 400;
	}
	
	.tag-description{
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		padding: 10rpx 0 0 22rpx;
		width: 70%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.get-more{
		position: absolute;
	  top: 64rpx;
	  right: 38rpx;
		
	}
	
	.get-more2{
		width: 176rpx;
		height: 58rpx;
		line-height: 58rpx;
		text-align: center;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #fff;
		background-image: url(../../static/image/home/home_btn_more.png);
		background-size: 100% 100%; 
	}
	
	.hot-text{
		font-size: 40rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #000000;
		position: absolute;
		left: 64rpx;
		top: 22rpx;
	}
	
	.hot-act{
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		bottom: 32rpx;
		left: 54rpx;
		right: 54rpx;
	}
	
	
	.act-item{
		position: relative;
		width: 208rpx;
		height: 258rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.act-item image{
		position: absolute;
		top: 0;
		left: 0;
		width: 208rpx;
		height: 258rpx;
	}
	
	.item-title{
		position: relative;
		font-size: 30rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333300;
		margin-top: 24rpx;
	}
	
	.item-text{
		position: relative;
		font-size: 20rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
	}
	
	.banner-container {
		background-color: #eee;
		width: 100%;
		height: 100%;
		border-radius: 16rpx;
	}
	
	.swiper-dots {
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: 20rpx;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.swiper-dots-item {
		width: 10rpx;
		height: 10rpx;
		border-radius: 50%;
		background-color: #CEDBEE;
		margin: 0 4rpx;
	}
	.dots-item-active {
		width: 30rpx;
		height: 10rpx;
		border-radius: 10rpx;
		background-color: #E8F1FF;
		margin: 0 4rpx;
	}
	
	.swiper-item{
		border-radius: 16rpx;
	}
	
	.item-nav {
		width: 100%;
		height: 100%;
		border-radius: 16rpx;
	}
	
	.item-nav image {
		width: inherit;
		height: inherit;
	}
	
	.bank-service-item {
		width: 20%;
	  flex-shrink: 0;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  font-size: 26rpx;
	  font-family: PingFangSC-Regular, PingFang SC;
	  font-weight: 400;
	  color: #333333;
	  line-height: 40rpx;
	  margin-bottom: 10rpx;
	  line-height: 40rpx;
	}
	
	.service-item-img {
		width: 64rpx;
	  height: 64rpx;
	  margin-bottom: 4rpx;
	}
	
	.news-list {
		position: relative;
		flex: 1;
		height: inherit;
		line-height: 126rpx;
		margin-left: 10rpx;
	}
	
	.news-text {
		color: #666;
		font-size: 28rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
		padding: 0 6rpx;
	}
	
	.sale-view{
		width: 100%;
		max-height: 624rpx;
		background: #FFFFFF;
		box-shadow: 0 18rpx 24rpx 0 rgba(190,194,206,0.26);
		border-radius: 32rpx;
		margin: 24rpx 0;
		display: flex;
	}
	
	.sale-left{
		/* width: 314rpx; */
		padding: 34rpx;
		border-radius: 32rpx;
		background: linear-gradient(180deg, #FFFFFF 0%, #F7F7FB 100%);
	}
	
	.left-title{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.left-title2{
		font-size: 24rpx;
		font-family: STSongti-SC-Regular, STSongti-SC;
		font-weight: 400;
		color: #333333;
		margin-top: 10rpx;
		margin-bottom: 32rpx;
	}
	
	.change-title-text{
		font-size: 24rpx;
		font-family: STSongti-SC-Regular, STSongti-SC;
		font-weight: 400;
		color: #333333;
		padding-top: 14rpx;
		width: 260rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.more-view{
		width: 98rpx;
		height: 50rpx;
		text-align: center;
		line-height: 50rpx;
		color: #fff;
		font-size: 26rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		background-image: url(../../static/image/home/home_btn_more2.png);
		background-size: 100% 100%;
	}
	
	.sale-swiper{
		position: relative
	}
	
	.sale-nav{
		height: 100%;
		display: flex;
	  flex-direction: column;
	  align-items: center;
	}
	
	.sale-right{
		/* width: 388rpx; */
		flex: 1;
		padding: 34rpx;
	}
	
	.right-dataList{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.dataList-item{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 24rpx;
	}
	
	.dataList-item image{
		width: 146rpx;
	  height: 146rpx;
		border-radius: 16rpx;
	}
	
	.goods-price{
		font-size: 32rpx;
		font-family: Avenir-Heavy, Avenir;
		font-weight: 800;
		color: #EC585E;
	}
	
	.price-symbol{
		font-size: 24rpx;
	}
	
	.sale-container {
		// background-color: #eee;
		width: 100%;
	  height: 460rpx;
	}
	
	.sale-banner-img {
		width: 252rpx;
	  height: 252rpx;
	}
	
	.sale-goods-name{
		font-size: 30rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #333333;
		width: 100%;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: 24rpx;
	}
	
	.sale-goods-price{
		font-size: 28rpx;
		font-family: Avenir-Book, Avenir;
		font-weight: normal;
		color: #2E3D71;
		margin: 8rpx 0;
	}
	
	.sale-goods-time{
		width: 100%;
		height: 42rpx;
		line-height: 42rpx;
		text-align: center;
		background: #EC585E;
		border-radius: 0 16rpx 16rpx 16rpx;
		color: #fff;
		font-size: 26rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
	}
	
	.sale-goods-time text{
		font-size: 22rpx;
	}
	
	.change-view {
		width: 100%;
		/* height: 878rpx; */
		background: #F6F6F6;
		box-shadow: 0 24rpx 32rpx 4rpx rgb(190 194 206 / 26%);
		border-radius: 32rpx;
		border: 2rpx solid #E6E6E6;
		/* margin-bottom: 24rpx; */
	}
	
	.change-top{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 40rpx 40rpx 32rpx;
	}
	
	.change-top-l{
		display: flex;
		align-items: center;
	}
	
	.change-top-img{
		width: 130rpx;
		height: 56rpx;
		margin-right: 8rpx
	}
	
	.change-list{
		display: flex;
		justify-content: space-between;
	}
	
	.change-list-item{
		position: relative;
		width: 344rpx;
		height: 556rpx;
		background-color: #F7F8FB;
		border-radius: 32rpx;
		border: 2rpx solid rgba(151,151,151,0.2);
		background-size: 344rpx 372rpx;
		background-repeat: no-repeat;
		padding: 32rpx 0 0 24rpx;
	}
	
	.change-list-img{
		position: absolute;
		top: 0;
		left: 0;
		width: 344rpx;
		height: 372rpx;
	}
	
	.list-title{
		font-size: 32rpx;
		font-family: STSongti-SC-Black, STSongti-SC;
		font-weight: 900;
		color: #EC585E;
		margin-bottom: 24rpx;
	}
	
	.change-bottom{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 24rpx 22rpx 32rpx;
	}
	
	.change-bottom-item{
		/* width: 208rpx; */
		width: 322rpx;
		height: 136rpx;
		background: linear-gradient(180deg, #F7F7FB 0%, #FFFFFF 100%);
		border-radius: 16rpx;
		border: 2rpx solid rgba(151,151,151,0.2);
		padding: 24rpx 0 0 22rpx;
		margin-bottom: 16rpx;
	}
	
	.bottom-item-title{
		font-size: 26rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #000000;
		display: flex;
		margin-bottom: 12rpx;
	}
	
	.bottom-item-title image{
		width: 40rpx;
		height: 40rpx;
		margin-left: 8rpx;
	}
	
	.bottom-item-text{
		font-size: 20rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #2E3D71;
	}
	
	.tag-view-item{
		width: 100%;
	  /* height: 518rpx; */
		height: 430rpx;
	  background: #FFFFFF;
	  box-shadow: 0 18rpx 24rpx 0 rgba(190,194,206,0.26);
	  border-radius: 32rpx;
		margin-top: 24rpx;
	}
	
	.tag-title{
		font-size: 40rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #000000;
		margin-right: 16rpx;
	}
	
	.tag-item-img{
		width: 180rpx;
	  /* height: 238rpx; */
		height: 180rpx;
	  background-color: #eee;
	  border-radius: 16rpx;
	}
	
	.list-content{
		position: relative;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	.exchange-list-item{
		display: flex;
		align-items: center;
		margin-bottom: 48rpx;
	}
	
	.exchange-list-item image{
		width: 96rpx;
		height: 96rpx;
		border-radius: 16rpx;
		margin-right: 16rpx;
	}
	
	.exchange-no{
		font-size: 30rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #333333;
	}
	
	.exchange-name{
		width: 200rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #2E3D71;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	.location-container{
		text-align: right;
		margin-bottom: 30rpx;
	}
	
	.taihuiwan {
		position: relative;
		width: 100%;
		height: 580rpx;
		border-radius: 32rpx;
		margin: 24rpx 0;
		background-size: 100% 100%;
	}

	.countDown{
		display: inline-block;
		width: 40rpx;
		height: 40rpx;
		border-radius: 10rpx;
		background-color: #FF3C17;
		color:#fff;
		margin: 0 10rpx;
		text-align:center;
		line-height: 40rpx;
	}
	.ECoupons-item-points{
		text-align: center;
		color: #EC4848;
		font-size: 40rpx;
		font-weight: 600;
		line-height: 40rpx;
		margin:15rpx 0;
	}

	.ECoupons-item-lines{
		color:#828282;
		text-align: center;
		text-decoration: line-through;
		font-weight: 200;
	}
	.taihuiwan-list{
		height: 480rpx;
		display: flex;
		padding: 0rpx 24rpx;
	}
	.taihuiwan-swiper{
		width: 100%;
		height: 100%;
		border-radius: 16rpx;
	}
</style>

